<template>
	<view class="home_indexbox">
		<!-- <image class="home_indexboximg" src="../../static/images/home/loginhome.jpg" mode=""></image> -->
		<!-- <navigator url="/pages/institution/index" hover-class="navigator-hover">
			<button>我 要 投 保</button>
			<image class="home_indexboximg" src="../../static/images/home/loginhome.jpg" mode=""></image>
		</navigator> -->
		<view style="width:94%;padding: 3%;" class="">
			<u-swiper :list="list1"  indicator></u-swiper>
		</view>
		
		<navigator url="/pages/institution/index" hover-class="navigator-hover">
			<!-- <button>我 要 投 保</button> -->
			<image class="home_indexboximg" src="../../static/images/home/login.png" mode=""></image>
		</navigator>
	</view>
</template>

<script>
	import login1 from "../../static/images/home/login1.png"
	import login2 from "../../static/images/home/login2.png"
	import login3 from "../../static/images/home/login3.png"
	import login4 from "../../static/images/home/login4.png"
	export default {
		data() {
			return {
				list1: [login1,login2,login3,login4]
			}
		}
	}
</script>

<style lang="scss">
	.home_indexbox {
		width: 100%;
		// padding: 3%;
		height: 100vh;
		background-color: #fff;
	}

	.home_indexboximg {
		width: 100%;
		height: 240rpx;
	}

	.home_indexbox button {
		font-size: 31rpx;
		background-image: linear-gradient(to right, #00c6fb 0%, #005bea 100%);
		color: #fff;
		height: 90rpx;
		line-height: 90rpx;
		border-radius: 50rpx;
		width: 86%;
		margin-top: 50rpx;
		font-weight: bold;
	}
</style>